.view-payment-confirm {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;

    > .body {
        -webkit-box-flex: 1;
        overflow: hidden;
        padding-top: 0.7rem;

        h1 {
            font-size: 0.4rem;
            line-height: 2;
            margin-bottom: 0.2rem;
            text-align: center;
        }

        form {
            padding: 0.3rem;
            .row {
                margin-bottom: 0.1rem;
                display: -webkit-box;
                .col {
                    -webkit-box-flex: 1;
                    margin-left: 0.2rem;
                    &:first-child {
                        margin-left: 0;
                    }
                }
                &:last-child {
                    padding-top: 0.4rem;
                }
            }
            label {
                font-size: 0.28rem;
                line-height: 2;
                color: #4a4a4a;
            }
            .input {
                border: 1px solid #e6e6e6;
                display: -webkit-box;
                -webkit-box-align: center;
                border-radius: 0.04rem;
                overflow: hidden;
                position: relative;
                input {
                    display: block;
                    -webkit-box-flex: 1;
                    height: 0.8rem;
                    font-size: 0.28rem;
                    padding: 0 0.2rem;
                    background-color: #f9f9f9;
                    &:focus {
                        background-color: #fff;
                    }
                    &::-webkit-input-placeholder {
                        color: #ccc;
                    }
                }
                button {
                    display: block;
                    font-size: 0.28rem;
                    text-align: center;
                    width: 2rem;
                    color: #4a4a4a;
                    border-left: 1px solid #e6e6e6;
                    height: 0.8rem;
                    &:not(.fetching):active {
                        background-color: #f9f9f9;
                    }
                    &.fetching {
                        color: #999;
                        pointer-events: none;
                        font-size: 0.24rem;
                    }
                }
            }
        }
    }

    .tips {
        display: block;
        font-size: 0.28rem;
        text-align: center;
        position: absolute;
        left: 0;
        bottom: 0.3rem;
        width: 100%;
        a {
            color: #00bb44;
            padding: 0 0.1rem;
        }
    }
}